<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>会员登录</title>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="css/base.css" type="text/css">
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/js/pageGroup.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>

<!-- 引入自定义css文件 style.css -->
<link rel="stylesheet" href="css/style.css" type="text/css" />

<style>
body {
	margin-top: 20px;
	margin: 0 auto;
}

.carousel-inner .item img {
	width: 100%;
	height: 300px;
}
#pageGro{ width:400px; height:25px; margin:0px auto; padding-top:30px;}
#pageGro div,#pageGro div ul li{ font-size:12px; color:#999; line-height:23px; float:left; margin-left:5px;}
#pageGro div ul li{ width:22px; text-align:center; border:1px solid #999; cursor:pointer;}
#pageGro div ul li.on{ color:#fff; background:#3c90d9; border:1px solid #3c90d9;}
#pageGro .pageUp,#pageGro .pageDown{ width:63px; border:1px solid #999; cursor:pointer;}
#pageGro .pageUp{ text-indent:23px; background:url(images/pageUp.png) 5px 7px no-repeat;}
#pageGro .pageDown{ text-indent:5px; background:url(images/pageDown.png) 46px 6px no-repeat;}

</style>
</head>

<body>


	<!-- 引入header.jsp -->
	<jsp:include page="/header.jsp"></jsp:include>

	<div class="container">
		<div class="row">
			<div style="margin: 0 auto; margin-top: 10px; width: 950px;">
				<strong>我的订单</strong>
				<table class="table table-bordered">
					<c:forEach items="${order}" var="order">
					<tbody>
						<tr class="success">
							<th colspan="5">订单编号:${order.oid}</th>
						</tr>

						<tr class="warning">
							<th>图片</th>
							<th>商品</th>
							<th>价格</th>
							<th>数量</th>
							<th>小计</th>
						</tr>
						<c:forEach items="${order.orderItems}" var="items">
						<tr class="active">
							<td width="60" width="40%"><input type="hidden" name="id"
								value="${items.product.pid}"> <img src="${pageContext.request.contextPath}/${items.product.pimage} "width="70"
								height="60"></td>
							<td width="30%"><a target="_blank">${items.product.pname}</a></td>
							<td width="20%">￥${items.product.market_price}</td>
							<td width="10%">${items.count}</td>
							<td width="15%"><span class="subtotal">￥${items.subtotal}</span></td>
						</tr>
						</c:forEach>
					</tbody>
					</c:forEach>
				</table>
			</div>
		</div>
		<%--<div style="text-align: center;">--%>
			<%--<ul class="pagination">--%>
				<%--<li class="disabled"><a href="#" aria-label="Previous"><span--%>
						<%--aria-hidden="true">&laquo;</span></a></li>--%>
				<%--<li class="active"><a href="#">1</a></li>--%>
				<%--<li><a href="#">2</a></li>--%>
				<%--<li><a href="#">3</a></li>--%>
				<%--<li><a href="#">4</a></li>--%>
				<%--<li><a href="#">5</a></li>--%>
				<%--<li><a href="#">6</a></li>--%>
				<%--<li><a href="#">7</a></li>--%>
				<%--<li><a href="#">8</a></li>--%>
				<%--<li><a href="#">9</a></li>--%>
				<%--<li><a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span>--%>
				<%--</a></li>--%>
			<%--</ul>--%>
		<%--</div>--%>
		<div id="pageGro" class="cb">
			<div class="pageUp">上一页</div>
			<div class="pageList">
				<ul>
					<c:forEach items="${list.bar}" var="bar">
						<li><a href="${pageContext.request.contextPath}/order?method=getorderOid&nowPage=${bar}">${bar}</a></li>
					</c:forEach>
				</ul>
			</div>
			<div class="pageDown">下一页</div>
		</div>
	</div>

	<!-- 引入footer.jsp -->
	<jsp:include page="/footer.jsp"></jsp:include>
	
</body>

</html>